.home {
  @apply w-full h-full flex p-10 relative;

  .left {
    @apply h-full rounded mr-5 p-5 shrink-0 overflow-y-auto ;
    width: 340px;
    background: #fafafb;

    .leftItem {
      @apply w-full flex-1 rounded px-3 flex items-center cursor-pointer;
      height: 60px;
      &:not(:first-child) {
        margin-top: 10px;
      }

      &:hover,
      &.active {
        @apply bg-white;
        box-shadow: 0px 10px 34px 0px rgba(166, 167, 168, 0.14);
      }

      .avator {
        @apply h-9 w-9 relative shrink-0;

        .point {
          @apply absolute right-0 top-0 h-2 w-2 rounded-50 block;
          background: #ff0000;
        }

        & > img {
          @apply w-full h-full;
        }
      }

      .btn {
        @apply h-6 text-center leading-6 text-sm text-red shrink-0;
        width: 60px;
        border-radius: 60px;
        background-color: #fff0ed;

        &.btn2 {
          @apply bg-transparent;
          color: #4dc47f;
        }

        &.btn3 {
          @apply bg-transparent text-main-aa;
        }
      }

      .email {
        @apply flex-1;
        padding: 0 10px;

        & > p {
          @apply w-full;
          width: 170px;
          &:nth-child(1) {
            @apply text-sm font-semibold;
            line-height: 14px;
            color: #141736;
            margin-bottom: 14px;
          }

          &:nth-child(2) {
            @apply text-xs leading-3;
            color: #7d8da6;
          }
        }
      }
    }
  }

  .right {
    @apply h-full rounded flex-1 p-10;
    padding-top: 30px;
    background: #fafafb;

    .header {
      @apply w-full flex items-center justify-between;
      .avator {
        @apply h-9 w-9;
      }

      .btnGroup {
        @apply flex relative;
        .showPanel {
          @apply absolute right-0 top-10;
        }

        .btn {
          @apply text-center rounded text-sm text-white cursor-pointer;
          font-family: Alibaba PuHuiTi 2;
          width: 88px;
          height: 30px;
          line-height: 30px;
          background: #26a615;

          &.btnReject {
            @apply ml-5;
            background: #ff0000;
          }
        }
      }

      .email {
        @apply flex-1 overflow-hidden;
        padding: 0 10px;
        & > p {
          @apply w-full;

          &:nth-child(1) {
            @apply text-sm font-semibold;
            line-height: 14px;
            color: #141736;
            margin-bottom: 10px;
          }

          &:nth-child(2) {
            @apply text-xs leading-3;
            color: #7d8da6;
          }
        }
      }
    }

    .hrSpace {
      margin: 30px 0;
    }

    .label {
      @apply text-sm font-medium;
      line-height: 14px;
      color: #d8d8d8;
      margin-bottom: 10px;
    }

    .textBox {
      @apply flex mb-10 pr-10;

      & > div {
        @apply flex-1 text-sm text-main;
        line-height: 14px;
      }
    }

    .text {
      @apply pr-10 w-full text-main text-sm leading-5 mb-10 break-all;
    }
  }
}
